<template>
    <div>
        <div class="mask"></div>
        <slot><p class="title">不凡</p></slot>
        <div class="back" @click="goBack">
            <p><van-icon name="arrow-left" size=".4rem" /></p>
            <p>返回</p> 
        </div>
        
    </div>
</template>

<script>
export default {
    data() {
        return {

        };
    },
    methods: {
        goBack(){
            this.$router.go(-1)
            console.log(111);
        }
    },
    created() {

    },
    computed: {

    },
    mounted() {

    },
};
</script>

<style scoped lang="scss">
    .mask{
        height: 50px;
        background-color: #fff;
        z-index: 10000;
    }
    .title{
        position: fixed;
        left: 0;
        top: 0;
        background-color: #fff;
        text-align: center;
        line-height: 50px;
        width: 100%;
        height: 50px;
        font-size: .42667rem;
        z-index: 10001;
        margin: 0;
        border-bottom: 1px solid #ebedf0;
    }
    .back{
        position: fixed;
        left: 0;
        top: 0;
        height: 50px;
        display: flex;
        align-items: center;
        width: 50px;
        z-index: 10001;
        padding: 0 16px;
        p{
            color: #1989fa;
            font-size: .37333rem;
        }
        p:first-child{
            margin-right:4px;
        }
        p:last-child{
            transform: translateY(-2.5px);
        }
    }
</style>
